.scroll {
    height: 92vh;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #f4f4f4;
    & > div {
      & > div {
        &:last-child {
          margin-bottom: 1vh;
          background-color: #fff;
        }
        &:first-child {
          background-color: #fff;
          & > ul {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;
            padding-top: 3vh;
            padding-bottom: 3vh;
            border-bottom: 1px solid #f2f2f2;
            & > li {
              &:first-child {
                color: #b8b8b8;
                font-weight: 550;
                margin-left: 1rem;
              }
              &:last-child {
                color: #e99556;
                font-size: 0.8rem;
                font-weight: 550;
                margin-right: 1rem;
              }
            }
          }
        }
      }
    }
  }
  .content {
    & > a {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-around;
      align-items: center;
      background-color: #fff;
      padding: 10px;
      border-bottom: 1px solid #f2f2f2;
      & > img {
        width: 8rem;
        height: 8rem;
      }
      & > ul {
        & > li {
          &:first-child {
            color: #484848;
            font-size: 1rem;
            font-weight: 600;
            margin-top: 2vh;
            margin-bottom: 8vh;
            line-height: 4vh;
          }
          &:nth-child(2) {
            color: #c7c7c7;
            font-size: 0.9rem;
            margin-bottom: 1vh;
          }
          &:nth-child(3) {
            color: #c7c7c7;
            font-size: 1rem;
            margin-bottom: 1vh;
          }
          &:last-child {
            & > ul {
              display: flex;
              flex-direction: row;
              flex-wrap: nowrap;
              justify-content: space-between;
              align-items: center;
              margin-bottom: 1.5vh;
              & > li {
                &:first-child {
                  color: #ec0000;
                  font-size: 1.2rem;
                }
                &:last-child {
                  color: #c7c7c7;
                  font-size: 0.7rem;
                }
              }
            }
          }
        }
      }
    }
    & > div {
      text-align: right;
      padding-top: 1vh;
      padding-bottom: 1vh;
      padding-right: 1rem;
      border-bottom: 1px solid #f2f2f2;
      & > span {
        &:first-child {
          color: #9f9f9f;
          font-size: 0.9rem;
          font-weight: 550;
          letter-spacing: 0.1rem;
        }
        &:last-child {
          color: #3d3d3d;
          font-size: 1rem;
          font-weight: 600;
        }
      }
    }
    & > ul {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-end;
      align-items: center;
      padding-top: 1vh;
      padding-bottom: 1vh;
      margin-right: 1rem;
      & > li {
        &:first-child {
          color: #afafaf;
          font-size: 0.8rem;
          border: 1px solid #c4c4c4;
          border-radius: 5px;
          padding-left: 1.5rem;
          padding-right: 1.5rem;
          padding-top: 0.3rem;
          padding-bottom: 0.3rem;
        }
        &:last-child {
          color: #e9ad83;
          font-size: 0.8rem;
          border: 1px solid #e9ad83;
          border-radius: 5px;
          padding-left: 1.5rem;
          padding-right: 1.5rem;
          padding-top: 0.3rem;
          padding-bottom: 0.3rem;
          margin-left: 2rem;
        }
      }
    }
  }
  